<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#confirmBtn').click(function() {
		var email=$('#email').val();
		
		var params="email="+email;
		
		$.ajax({
				type:'POST',
				url:'sendmail.do',
				data:params,
				success:function(xml){
					alert("메일 발송이 완료되었습니다.\n 승인번호를 확인해 주세요.");
				}
		});
	});
});
</script>
</head>
<body>
<div>
<form name="frm" action="chargego.do" method="post">
	<table width="550px">
		<tr>
			<td>휴대폰 번호</td>
			<td>
				<select id="telecom" name="telecom">
					<option value="SKT">SKT</option>
					<option value="KT">KT</option>
					<option value="LGT">LGT</option>
				</select>
				<select id="telno1" name="telno1">
					<option value="010">010</option>
					<option value="011">011</option>
					<option value="016">016</option>
					<option value="017">017</option>
					<option value="019">019</option>
				</select>
				-
				<input type="text" name="telno2" size="10"/>
				<input type="text" name="telno3" size="10"/>
			</td>
		</tr>
		
		<tr>
			<td>주민들록번호</td>
			<td>
				<input type="text" name="jumin1"/>-<input type="text" name="jumin2"/>
			</td>
		</tr>
		<tr>
			<td>이메일</td>
			<td>
				<input type="text" id="email" name ="email"/>
			</td>
		</tr>
		<tr>
			<td>승인번호</td>
			<td>
				<input type="text" name="confirmnum"/>&nbsp;&nbsp;&nbsp;
				<input type="button" value="승인번호 받기" id="confirmBtn"/>
			</td>
		</tr>
	</table>
</form>
</div>
<!-- <form name="frm2" target="ifm"> -->
<!-- <input type="hidden" name="confirmnum2"/> -->
<!-- </form> -->
<!-- <iframe width="500" height="100px" name="ifrm" scrolling="auto"></iframe> -->
</body>
</html>
